import React from 'react';
import { Select } from 'antd';
import  '../../../../public/css/delevlop.css';
export default class TestDesc extends React.Component {
    render(){
        return (
            <div  style={{'height':'100%'}} className="p20 userdtl">
					<div className="" style={{"padding":"15px 0","borderBottom":"1px solid #e9e9e9"}}>
						<span className="fsfw">API测试说明</span>
					</div>
					<div className="mt-10 mb-10">
						<h3 className="pt-10">一 、API测试方法</h3>
						<h6 className="fontWL pt-10">使用开发者账号和秘钥，在平台上，通过页面上填写表格参数方式，模拟服务接口的HTTp调用，并查看生成的接口调用报文和结果返回报文。</h6>
						<br/>
						<h3 className="pt-10">二 、API测试工具</h3>
						<h6 className="fontWL pt-10">{'（1）进入经营管理平台'}<a href='#serviceTest'>服务测试页面</a></h6>
						<div className='clearfix' style={{'padding': '10px 0 0 166px'}}>
							<ul className='servicebtn fl'>
								<li className='active'>接口类服务</li>
								<li >智呼类服务</li>
							</ul>
						</div>
						<div className='dcpw ulli pt20' style={{"paddingTop":"30px"}}>
							<span className='dflmr'>接口选择：</span>
							<Select className='fl' defaultValue="00">
								<option key="00" value="00" defaultValue="00">根据手机号获取4G手机下用户轨迹信息</option>
							</Select>
						</div>						
						<div className='dcpw pt20'>
							<span className='dwhbv'></span>
							<span className='dwtv'>参数配置</span>
							<span className='dwhbv'></span>
						</div>
						<div className='dcpw pt20'>
							<span className='dflmr'>手机号码：</span>
							<input type="text" className="input s-text fl" style={{'width':'283px !important'}} defaultValue="213213213"/>
							<span className='redtip'>*必填</span>
						</div>
						<div className='dcpw pt20'>
							<span className='dflmr'>开始时间：</span>
							<input type="text" maxLength="10" style={{"width":"283px !important"}} defaultValue="2018-01-02" className="input s-text laydate-icon fl" id="endDate"/>							
							<span className='redtip'>*必填</span>
						</div>
						<div className='dcpw pt20'>
							<span className='dflmr'>结束时间：</span>
							<input type="text" maxLength="10" style={{"width":"283px !important"}} defaultValue="2018-01-04" className="input s-text laydate-icon fl" id="endDate"/>							
							<span className='redtip'>*必填</span>
						</div>
						<div className='dcpw pt20'>
							<span className='btnwhite'>调用服务</span>
						</div>
						<h6 className="fontWL pt-10">（2）输入开发者账号和秘钥，选择需要测试的服务接口并按照相关规则完成参数填写。</h6>
						<h6 className="fontWL pt-10">（3）点击调用服务按钮，查看请求服务参数报文与结果返回报文。</h6>
						<br/>
						<div>请求参数：<div className='dwhb'>{'{"serviceType":0,"interfaceCode":"getUserTrack","args":[{"code":"phone","value":"213213213"},{"code":"timeStart","value":"2018-01-02"},{"code":"timeEnd","value":"2018-01-04"}]}'}</div></div>
						<br/><br/>
					</div>
				</div>
        )
    }
}